<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>联系我们</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css">
        <link rel="stylesheet" href="css/main.min.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lte IE 7]>
            <p class="chromeframe">您正在使用 <strong>过时的</strong> 浏览器。请 <a href="http://browsehappy.com/">更新（点击此处）</a> 您的浏览器，以提升上网体验。</p>
        <![endif]-->
        <!--[if lte IE 9]>
            <script src=boostrap></script>
        <!-- Add your site or application content here -->
    <!-- 页头  -->
     <nav class="navbar  navbar-fixed-top " role="navigation">
        <div class="container   "> 
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="" href="#"><img src="img/logo.png" class="img-responsive" alt=""></a>
        </div>
        <div class="collapse navbar-collapse navbar-right" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="index.html">首页</a></li>
                <li><a href="solution.html">解决方案</a></li>
                <li><a href="case_center.html">行业案例</a></li>
                <li><a href="product.html">产品服务</a></li>
                <li><a href="news_center.html">新闻中心</a></li>
                <li><a href="about_us.html">关于我们</a></li>
                <li><a href="contact_us.html">联系我们</a></li>
            </ul>
        </div>
        </div>
     </nav>
    
    <!-- banner图 -->
    <div class="ad">
        <div class="container-fuild">
            <img src="img/banner1.jpg" class="img-responsive" alt="">
        </div>
    </div>
    <div class="body container clearfix">
        <div class="l-bar">
            <div class="brand text-center">
                <h1>CONTACT</h1>
                <p>联系我们</p>
            </div>
            <ol>
                <li><div class="link"><span>●</span>首页<i>></i></div></li>
                <li ><div class="link active"><span>●</span>解决方案<i>></i></div>
                    <ul class="link-menu">
                        <li><a class="visited" href="">需求与产品设计管理</a></li>
                        <li><a href="">工艺规划与过程管理</a></li>
                        <li><a href="">制造与执行过程管理</a></li>
                        <li><a href="">企业与资源计划管理</a></li>
                    </ul>
                </li>
                <li ><div class="link"><span>●</span>行业案例<i>></i></div>
                    <ul class="link-menu">
                        <li><a class="visited" href="">航空航天</a></li>
                        <li><a href="">汽车及零部件</a></li>
                        <li><a href="">工程机械</a></li>
                        <li><a href="">电子电器</a></li>
                        <li><a href="">通用设备</a></li>
                    </ul>
                </li>
                <li ><div class="link"><span>●</span>产品服务<i>></i></div>
                    <ul class="link-menu">
                        <li><a href="">eCOL</a></li>
                        <li><a href="">ePDM</a></li>
                        <li><a href="">eNORM</a></li>
                        <li><a href="">3D工艺及工具软件</a></li>
                        <li><a href="">项目交付及服务</a></li>
                        <li><a href="">SPA交付服务</a></li>
                    </ul>
                </li>
                <li ><div class="link"><span>●</span>新闻中心<i>></i></div>
                    <ul class="link-menu">
                        <li><a href="">公司新闻</a></li>
                        <li><a href="">市场活动</a></li>
                        <li><a href="">开目视野</a></li>
                    </ul>
                </li>
                <li ><div class="link"><span>●</span>关于我们<i>></i></div>
<!--                     <ul class="link-menu">
                        <li><a href="">需求与产品设计管理</a></li>
                        <li><a href="">工艺规划与过程管理</a></li>
                        <li><a href="">制造与执行过程管理</a></li>
                        <li><a href="">企业与资源计划管理</a></li>
                    </ul> -->
                </li>
                <li ><div class="link"><span>●</span>联系我们<i>></i></div>
<!--                     <ul class="link-menu">
                        <li><a href="">需求与产品设计管理</a></li>
                        <li><a href="">工艺规划与过程管理</a></li>
                        <li><a href="">制造与执行过程管理</a></li>
                        <li><a href="">企业与资源计划管理</a></li>
                    </ul> -->
                </li>
            </ol>
            <div class="search">
                <p>关键词搜索</p>
                <input type="text"><p class="btn">搜索</p>
            </div>
            <div class="list">
                <div class="list-info"><img src="img/555.png" alt=""><p>咨询<span>热线</span></p>027-67869886</div>
                <div class="list-info"><img src="img/556.png" alt=""><p>腾讯<span>客服</span></p>2521576693</div>
                <div class="list-info"><img src="img/557.png" alt=""><p>总部<span>地址</span></p><span class="fs">武汉东湖新技术开发区花城大道9号</span></div>
            </div>
        </div>
        <div class="r-bar contact">
            <div class="breadcrumb"><a href="">首页</a><i>></i><span>联系我们</span></div>
            <div class="map">
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
                <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
                <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
                <title>百度地图API自定义地图</title>
                <!--引用百度地图API-->
                <style type="text/css">
                    html,body{margin:0;padding:0;}
                    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
                    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
                </style>
                <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
                </head>

                <body>
                  <!--百度地图容器-->
                  <div style="width:100%;height:315px;border:#ccc solid 1px;" id="dituContent"></div>
                </body>
                <script type="text/javascript">
                    //创建和初始化地图函数：
                    function initMap(){
                        createMap();//创建地图
                        setMapEvent();//设置地图事件
                        addMapControl();//向地图添加控件
                        addMarker();//向地图中添加marker
                    }
                    
                    //创建地图函数：
                    function createMap(){
                        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                        var point = new BMap.Point(114.509978,30.565074);//定义一个中心点坐标
                        map.centerAndZoom(point,16);//设定地图的中心点和坐标并将地图显示在地图容器中
                        window.map = map;//将map变量存储在全局
                    }
                    
                    //地图事件设置函数：
                    function setMapEvent(){
                        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                        map.enableKeyboard();//启用键盘上下左右键移动地图
                    }
                    
                    //地图控件添加函数：
                    function addMapControl(){
                        //向地图中添加缩放控件
                    var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                    map.addControl(ctrl_nav);
                                //向地图中添加比例尺控件
                    var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                    map.addControl(ctrl_sca);
                    }
                    
                    //标注点数组
                    var markerArr = [{title:"武汉开目信息技术股份有限公司",content:"电话&nbsp;027-6789&nbsp;9886",point:"114.514632|30.563519",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
                         ];
                    //创建marker
                    function addMarker(){
                        for(var i=0;i<markerArr.length;i++){
                            var json = markerArr[i];
                            var p0 = json.point.split("|")[0];
                            var p1 = json.point.split("|")[1];
                            var point = new BMap.Point(p0,p1);
                            var iconImg = createIcon(json.icon);
                            var marker = new BMap.Marker(point,{icon:iconImg});
                            var iw = createInfoWindow(i);
                            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                            marker.setLabel(label);
                            map.addOverlay(marker);
                            label.setStyle({
                                        borderColor:"#808080",
                                        color:"#333",
                                        cursor:"pointer"
                            });
                            
                            (function(){
                                var index = i;
                                var _iw = createInfoWindow(i);
                                var _marker = marker;
                                _marker.addEventListener("click",function(){
                                    this.openInfoWindow(_iw);
                                });
                                _iw.addEventListener("open",function(){
                                    _marker.getLabel().hide();
                                })
                                _iw.addEventListener("close",function(){
                                    _marker.getLabel().show();
                                })
                                label.addEventListener("click",function(){
                                    _marker.openInfoWindow(_iw);
                                })
                                if(!!json.isOpen){
                                    label.hide();
                                    _marker.openInfoWindow(_iw);
                                }
                            })()
                        }
                    }
                    //创建InfoWindow
                    function createInfoWindow(i){
                        var json = markerArr[i];
                        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
                        return iw;
                    }
                    //创建一个Icon
                    function createIcon(json){
                        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
                        return icon;
                    }
                    
                    initMap();//创建和初始化地图
                </script>
                </html>
            </div>
            <h3>公司地址Address</h3>
            <p class="add">武汉东湖新技术开发区花城大道9号</p>
            <h3>联系方式Contacts</h3>
            <p>联系电话：139995667591  027-65668523</p>
            <p>客服QQ：731588601  110351531</p>

            <div class="hot-line">
                <img src="img/c10.png" alt="" />
                <div class="txt">
                    <h3>热线电话</h3>
                    <span>business</span>
                </div>
                <p>027-67869886</p>
            </div>
        </div>
    </div>
    <!-- 页尾 -->
    <div class="foot-1">
        <div class="container">
            <div class="row">
                <div class="f-l">
                    <ul class="warrp">
                        <li>
                            <ul>
                                <li><a href="">产品服务</a></li>
                                <li><a href="">eCOL</a></li>
                                <li><a href="">ePDM</a></li>
                                <li><a href="">eNORM</a></li>
                                <li><a href="">3D工艺及工具软件</a></li>
                                <li><a href="">项目交付服务</a></li>
                                <li><a href="">SAP交付服务</a></li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li><a href="">解决方案</a></li>
                                <li><a href="">需求与产品设计管理</a></li>
                                <li><a href="">工艺规划与过程管理</a></li>
                                <li><a href="">制造与执行管理</a></li>
                                <li><a href="">制造与执行管理</a></li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li><a href="">新闻中心</a></li>
                                <li><a href="">市场活动</a></li>
                                <li><a href="">开目视野</a></li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li><a href="">技术支持</a></li>
                                <li><a href="">开目云</a></li>
                                <li><a href="">芸来科技</a></li>
                            </ul>
                        </li>
                        <li><ul>
                            <li><a href="">联系我们</a></li>
                            <li><a href="">营销网络</a></li>
                            <li><a href="">联系代理商</a></li>
                            <li><a href="">招募代理商</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="f-r">
                    <h5>欢迎来到武汉开目信息技术有限公司</h5>
                    <p>WELCOME TO WUHAN OPEN HEAD INFORMATION TECHNOLOGY CO.LTD</p>
                    <img src="img/qr_code.png" alt="">
                </div>
            </div>
            <div class="row">
                <div>
                    <div>友情链接：</div>
                    <p>永凯软件</p>
                    <p>中国制造业信息化门户</p>
                    <p>华中科技大学</p>
                    <p>中国工艺网</p>
                </div>
                <div>
                    <p>FOLLOW US</p>
                    <P></P>
                    <P></P>
                    <P></P>
                </div>
            </div>
        </div>
    </div>
    <div class="foot-2">
        <div class="container">
            <div class="copyright">
                <p>Copyright © 2016 All Rights Reserved 武汉开目信息技术股份有限公司 版权所有 鄂ICP备05003020号</p>
            </div>
            <p class="f-r">POWERED BY ZCIV</p>
        </div>
    </div>
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <script src="js/plugins.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
        <script src="js/main.min.js"></script>
        <script>        
             // var swiper = new Swiper ('.team_intr .swiper-container', {
             //     prevButton:'.team_intr .swiper-button-prev',
             //     nextButton:'.team_intr .swiper-button-next',
             //     slidesPerView:'auto',
             //     paginationClickable:true,
             //     loop:true,
             //     loopedSlides:8,
             //     spaceBetween:30,
             //     autoplay:1500,
             //     speed:1000,
             //     autoplayDisableOnInteraction : false,
             //     breakpoints: {
             //                 768: {
             //                     slidesPerView: 3,
             //                     spaceBetween: 30
             //                 },
             //                 640: {
             //                     slidesPerView: 2,
             //                     spaceBetween: 20
             //                 },
             //                 320: {
             //                     slidesPerView: 1,
             //                     spaceBetween: 10
             //                 }
             //             }
             // });
             // var mySwiper = new Swiper ('.foot_1 .swiper-container', {
             //     prevButton:'.foot_1 .swiper-button-prev',
             //     nextButton:'.foot_1 .swiper-button-next',
             //     slidesPerView:'auto',
             //     paginationClickable:true,
             //     loopedSlides:5,
             //     spaceBetween:140,
             //     autoplayDisableOnInteraction : false,
             // });
          </script>
    </body>
</html>
